.mdt-table-body {
  width: 100%;
  height: 100%;
  *,
  ::before,
  ::after {
    box-sizing: border-box;
  }
  .table-box {
    height: 100%;
    width: 100%;
    overflow: auto;
    table {
      border-collapse: collapse;
      table-layout: fixed;
      position: relative;
    }
    thead {
      // &::before {
      //   content: "";
      //   display: block;
      //   width: 100%;
      //   height: 1px;
      //   background-color: #dcdcdc;
      //   position: absolute;
      //   left: 0;
      //   top: 0;
      //   z-index: 5;
      // }
      &::after {
        content: "";
        display: block;
        width: 1px;
        height: 100%;
        background-color: #fff;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 5;
      }
      tr:first-child th .text-s {
        &::before {
          content: "";
          display: block;
          width: 100%;
          height: 1px;
          background-color: #dcdcdc;
          position: absolute;
          left: 0;
          top: 0;
          z-index: 3;
        }
      }
    }
    th,
    td {
      width: 50vw;
      padding: 8px;
      text-align: center;
      overflow: hidden;
    }
    td {
      position: relative;
      border-bottom: 1px solid #dcdcdc;
    }
    th {
      background-color: #f3f3f3;
      position: sticky;
      color: #333;
      z-index: 3;
      padding: 8px 14px;
      &::after {
        content: "";
        display: block;
        width: 1px;
        height: 100%;
        background-color: #dcdcdc;
        position: absolute;
        right: 0;
        top: 0;
      }
      &::before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background-color: #dcdcdc;
        position: absolute;
        left: 0;
        bottom: 0;
      }
      &:first-child {
        z-index: 2;
        &.dw-item {
          position: sticky;
          left: 0px;
          z-index: 4;
        }
      }
    }
    td:first-child {
      width: 100px;
      position: sticky;
      left: 0px;
      z-index: 1;
      background-color: #fff;
    }
    .text-s {
      text-align: center;
      min-height: 22px;
      min-width: 81px;
      width: 100%;
      font-weight: bold;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .cell {
      text-align: center;
      min-height: 22px;
      width: 100%;
    }
    .sort-box {
      display: inline-block;
    }
    .filter-box {
      display: inline-block;
      margin-left: 6px;
      .opera-icon {
        cursor: pointer;
      }
    }
    .caret-wrapper {
      display: inline-flex;
      flex-direction: column;
      align-items: center;
      height: 34px;
      width: 24px;
      vertical-align: middle;
      cursor: pointer;
      overflow: initial;
      position: relative;
      &.asc {
        .sort-caret.ascending {
          border-bottom-color: #018776;
        }
      }
      &.desc {
        .sort-caret.descending {
          border-top-color: #018776;
        }
      }
      .sort-caret {
        width: 0;
        height: 0;
        border: 5px solid transparent;
        position: absolute;
        left: 7px;
        &.ascending {
          border-bottom-color: #c0c4cc;
          top: 5px;
        }
        &.descending {
          border-top-color: #c0c4cc;
          bottom: 7px;
        }
      }
    }
  }
}
.mlt_btn_operation {
  height: 24px;
  line-height: 22px;
  padding: 0 6px;
  background: none;
  cursor: pointer;
  outline: none;
  border: none;
  color: #666;
  &:hover,
  &:focus {
    color: #018776;
  }
}
.pop-box {
  display: flex;
  align-items: center;
}